<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="referrer" content="no-referrer">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/flowerindex.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../data/swiper-bundle.min.css">
    <script src="../js/ajax.js"></script>
    <script src="../js/cookie.js"></script>
</head>

<body>
    <!-- 头部导航 -->
    <nav class="top_nav">
        <div class="contains">
            <div class="topnav_l">
                <div class="p1"><span></span>收藏花礼网(hua.com)</div>
                <div class="p2">
                    <span></span>
                    <h5>关注微信</h5>
                    <p class="vx">
                        <img src="../images/wxguanjia_qrcode.png" alt="">
                        <i>扫码关注</i><br>
                        <i>回复"礼物"更多惊喜！</i>
                    </p>
                </div>
                <div class="p3">
                    <span></span>
                    <h5>花礼网app</h5>
                    <p class="app">
                        <img src="../images/app_download_qrcode.png" alt="">
                        <i>新人专享100元APP礼包</i>
                    </p>
                </div>
            </div>
            <div class="topnav_r">
                <div class="login">
                    <a class="denglu" href=" ">你好，请登录</a>
                    <a href="../html/regist.html">注册</a>
                </div>
                <a class="uinfo" href="">订单查询</a>
                <a class="uinfo infomenu" href="">
                    <span>客户服务</span>
                    <i></i>
                    <div class="menulist">
                        <li href="">在线付款</li>
                        <li href="">帮助中心</li>
                        <li href="">售后服务</li>
                        <li href="">配送范围</li>
                        <li href="">留言反馈</li>
                    </div>
                </a>
                <a class="uinfo" href="../html/cart.html">购物车</a>
                <p>鲜花礼品网:国内领先鲜花网品牌</p>
            </div>
        </div>
    </nav>
    <!-- logo搜索框 -->
    <div class="logo">
        <div class="contains">
            <h1>
                <img class="logoimg" src="../images/big-logo.png" alt="">
            </h1>
            <div class="sousuo">
                <div class="search">
                    <span></span>
                    <input type="text" placeholder="商品搜索">
                    <button>搜索</button>
                </div>
                <p class="hotsearch">
                    <a href="">红玫瑰</a>
                    <a href="">永生花</a>
                    <a href="">生日鲜花</a>
                    <a href="">礼品卡</a>
                </p>
            </div>
            <div class="pho">
                <div class="photo">
                    <span></span>
                    <p>400-889-8188</p>
                </div>
                <div class="kefu">
                    <span></span>
                    <a href="">在线客服</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 导航 -->
    <nav class="nav">
        <div class="contains">
            <div class="sort">
                <span></span>
                <h2>所有分类</h2>
            </div>
            <div class="nav1">
                <a href="">鲜花</a>
                <a href="">永生花</a>
                <a href="">蛋糕</a>
                <a href="">礼品</a>
                <a href="">巧克力</a>
                <a href="">花语大全</a>
                <a href="">企业团购</a>
                <a href="">设计师臻选鲜花</a>
            </div>
        </div>
    </nav>
    <!-- 轮播图 -->
    <div class="chart">
        <!-- 轮播图 -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <p class="p1"></p>
                </div>
                <div class="swiper-slide">
                    <p class="p2"></p>
                </div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <!-- Add Arrows -->
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <div class="contains">
            <ul class="cnav1">
                <li>
                    <h3>鲜花用途</h3>
                    <div class="select">
                        <a href="">爱情鲜花</a>
                        <a href="">生日鲜花</a>
                        <a href="">友情鲜花</a>
                        <a href="">问候长辈</a>
                        <a href="">探病慰问</a>
                        <a href="">道歉鲜花</a>
                        <a href="">祝贺鲜花</a>
                        <a href="">婚庆鲜花</a>
                        <a href="">商务鲜花</a>
                    </div>
                </li>
                <li>
                    <h3>鲜花花材</h3>
                    <div class="select">
                        <a href="">玫瑰</a>
                        <a href="">康乃馨</a>
                        <a href="">百合</a>
                        <a href="">向日葵</a>
                        <a href="">扶郎</a>
                        <a href="">郁金香</a>
                        <a href="">马蹄莲</a>
                    </div>
                </li>
                <li class="li1">
                    <div class="linav">
                        <h3>永生花</h3>
                        <span></span>
                    </div>
                    <div class="select">
                        <a href="">永生瓶花</a>
                        <a href="">经典花盒</a>
                        <a href="">特色永生花</a>
                    </div>
                    <ul class="cnav2">
                        <h6>永生花类别</h6>
                        <div class="foreverl">
                            <li>
                                <img src="" alt="">
                                <p></p>
                            </li>
                        </div>
                        <h6>永生花对象</h6>
                        <div class="foreverf">
                            <li>
                                <img src="" alt="">
                                <p></p>
                            </li>
                        </div>
                    </ul>
                </li>
                <li class="li1">
                    <div class="linav">
                        <h3>蛋糕</h3>
                        <span></span>
                    </div>
                    <div class="select">
                        <a href="">元祖</a>
                        <a href="">幸福西饼</a>
                        <a href="">21cake</a>
                        <a href="">诺心蛋糕</a>
                        <a href="">窝夫小子</a>
                        <a href="">BONCAKE</a>
                    </div>
                    <ul class="cnav2">
                        <h6>蛋糕品牌</h6>
                        <div class="cakep">
                            <li>
                                <img src="" alt="">
                                <p></p>
                            </li>
                        </div>
                    </ul>
                </li>
                <li class="li1">
                    <div class="linav">
                        <h3>
                            <a href="">礼品</a>/
                            <a href="">公仔</a>/
                            <a href="">绿植</a>
                        </h3>
                        <span></span>
                    </div>
                    <ul class="cnav2">
                        <h6>礼品品牌</h6>
                        <div class="lipin1">
                            <li>
                                <img src="" alt="">
                                <p></p>
                            </li>
                        </div>
                        <h6>礼品类别</h6>
                        <div class="lipin2">
                            <li>
                                <img src="" alt="">
                                <p></p>
                            </li>
                        </div>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <!-- 品牌 -->
    <div class="brand">
        <div class="contains">
            <a href=""><span class="span1"></span>鲜花电商认证龙头企业</a>
            <a href=""><span class="span2"></span>16年品牌</a>
            <a href=""><span class="span3"></span>3小时全国送花</a>
            <a href=""><span class="span4"></span>200%退赔承诺</a>
            <a href=""><span class="span5"></span>最近436205条评价</a>
        </div>
        <!-- 固定导航 -->
        <ul class="fixnav">
            <li>
                <i class="vx1"></i>
                <p>APP/微信</p>
            </li>
            <li>
                <i class="shop1"></i>
                <p>购物车</p>
            </li>
            <li>
                <i class="kf1"></i>
                <p>在线客服</p>
            </li>
            <li>
                <i class="tel1"></i>
                <p>联系电话</p>
            </li>
            <li>
                <i class="yj1"></i>
                <p>意见反馈</p>
            </li>
            <li class="totop">
                <i class="cometop"></i>
                <p>回顶部</p>
            </li>

        </ul>
    </div>
    <!-- 类型 -->
    <div class="mold">
        <div class="contains">
            <a class="mold1" href="">
                <img src="../images/home_channel_lover.jpg" alt="">
            </a>
            <a class="mold2" href="">
                <img src="../images/home_channel_elder2.jpg" alt="">
                <img src="../images/home_channel_friend.jpg" alt="">
            </a>
            <a class="mold3" href="">
                <img src="../images/home_channel_birthday.jpg" alt="">
            </a>
            <a class="mold4" href="">
                <div class="mold4_top">
                    <img src="../images/home_channel_business.png" alt="">
                    <img src="../images/home_channel_express.jpg" alt="">
                </div>
                <img src="../images/home_channel_you_2.jpg" alt="">
            </a>
        </div>
    </div>
    <!-- 热销 -->
    <div class="Hotsale">
        <div class="contains">
            <img src="../images/home_channel_rexiao.png" alt="">
            <img src="../images/home_channel_tejia.png" alt="">
            <img src="../images/home_channel_xinpin.png" alt="">
            <img src="../images/home_channel_pinwei.png" alt="">
        </div>
    </div>
    <!-- 爱情鲜花 -->
    <div class="lover">
        <div class="contains">
            <div class="loverflower">
                <div class="lover_l">
                    <h4>爱情鲜花</h4>
                    <span></span>
                    <p>送 · 让你怦然心动的人</p>
                </div>
                <div class="flowermore">
                    更多爱情鲜花
                    <span></span>
                </div>
            </div>
            <div class="loverbottom">
                <a href="">
                    <img src="../images/home_floor_lover.png" alt="">
                    <p class="abtn" href="">爱情鲜花专区<i></i></p>
                </a>
                <ul class="lovelists">
                    <!-- <li>
                        <a href="">
                            <div class="floimg"><img src="" alt=""></div>
                            <p>爱情·</p>
                            <span>248</span>
                            <i>已售</i>
                        </a>
                    </li> -->
                </ul>
            </div>
        </div>
    </div>
    <!-- 送长辈 -->
    <div class="elder">
        <div class="contains">
            <div class="elderflower">
                <div class="elder_l">
                    <h4>送长辈鲜花</h4>
                    <span></span>
                    <p>赠 · 父母/恩师/长辈</p>
                </div>
                <div class="eldermore">
                    更多送长辈鲜花
                    <span></span>
                </div>
            </div>
            <div class="elderbottom">
                <a href="">
                    <img src="../images/home_floor_elder.png" alt="">
                    <p class="abtn" href="">送长辈鲜花专区<i></i></p>
                </a>
                <ul class="elderlists">
                    <!-- <li>
                        <a href="">
                            <div class="floimg"><img src="" alt=""></div>
                            <p>爱情·</p>
                            <span>248</span>
                            <i>已售</i>
                        </a>
                    </li> -->
                </ul>
            </div>
        </div>
    </div>
    <!-- 永生花 -->
    <div class="forever">
        <div class="contains">
            <div class="foreverflower">
                <div class="forever_l">
                    <h4>永生花</h4>
                    <span></span>
                    <p>许 · 她一生承诺</p>
                </div>
                <div class="forevermore">
                    更多永生花
                    <span></span>
                </div>
            </div>
            <div class="foreverbottom">
                <a href="">
                    <img src="../images/home_floor_song.jpg" alt="">
                    <p class="abtn" href="">永生花专区<i></i></p>
                </a>
                <ul class="foreverlists">
                    <!-- <li>
                        <a href="">
                            <div class="foreverimg"><img src="" alt=""></div>
                            <p>爱情·</p>
                            <span>248</span>
                            <i>已售</i>
                        </a>
                    </li> -->
                </ul>
            </div>
        </div>
    </div>
    <!-- 蛋糕 -->
    <div class="cake">
        <div class="contains">
            <div class="cakes">
                <div class="cake_l">
                    <h4>蛋糕</h4>
                    <span></span>
                    <p>一起品味甜蜜时光</p>
                </div>
                <div class="cakemore">
                    更多蛋糕
                    <span></span>
                </div>
            </div>
            <ul class="cakelists">
                <!-- <li>
                        <a href="">
                            <div class="cakeimg"><img src="" alt=""></div>
                            <p>爱情·</p>
                            <span>248</span>
                            <i>已售</i>
                        </a>
                    </li> -->
            </ul>
        </div>
    </div>
    <!-- 热门资讯 -->
    <div class="hotinformation">
        <div class="contains">
            <div class="hotinfo">
                <div class="hotinfo_t">
                    <h3>热门资讯</h3>
                    <p>更多<span></span></p>
                </div>
                <ul class="hotinfo_b">
                    <!-- <li>
                        <span></span>
                        <a href=""></a>
                    </li> -->
                </ul>
            </div>
            <!-- 16年品牌 -->
            <div class="infopro">
                <a href=""><span class="span1"></span>16年品牌</a>
                <a href=""><span class="span2"></span>3小时配送</a>
                <a href=""><span class="span3"></span>订单实拍</a>
                <a href=""><span class="span4"></span>200%退赔承诺</a>
                <a href=""><span class="span5"></span>销量领先</a>
                <a href=""><span class="span6"></span>百万客户信赖</a>
                <a href=""><span class="span7"></span>低价保障</a>
                <a href=""><span class="span8"></span>时尚原创花艺</a>
            </div>
            <!-- 客户服务 -->
            <ul class="lianxi">
                <li style="width: 197px;">
                    <h3>客户服务</h3>
                    <div class="lianxilis lishov">
                        <a href="">服务声明</a>
                        <a href="">常见问题</a>
                        <a href="">售后声明</a>
                        <a href="">配送说明</a>
                        <a href="">配送范围</a>
                        <a href="">订单查询</a>
                        <a href="">取消订单</a>
                        <a href="">补交货款</a>
                        <a href="">隐私条款</a>
                        <a href="">安全条款</a>
                    </div>
                </li>
                <li style="width: 225px;">
                    <h3>热门资讯</h3>
                    <div class="lianxilis lishov">
                        <a href="">鲜花礼品网购物流程</a>
                        <a href="">鲜花礼品网订购演示</a>
                        <a href="">鲜花网能配送哪些城市？</a>
                        <a href="">鲜花售后服务是怎么样的？</a>
                        <a href="">我应该提前多久预订鲜花？</a>
                    </div>
                </li>
                <li style="width: 197px;">
                    <h3>同城鲜花专区</h3>
                    <div class="lianxilis lishov">
                        <a href="">深圳鲜花</a>
                        <a href="">广州鲜花</a>
                        <a href="">上海鲜花</a>
                        <a href="">北京鲜花</a>
                        <a href="">天津鲜花</a>
                        <a href="">重庆鲜花</a>
                        <a href="">成都鲜花</a>
                        <a href="">西安鲜花</a>
                        <a href="">武汉鲜花</a>
                        <a href="">南京鲜花</a>
                        <a href="">厦门鲜花</a>
                        <a href="">更多鲜花</a>
                    </div>
                </li>
                <li style="width: 259px;">
                    <h3>联系我们</h3>
                    <div class="lianxilis">
                        <a href="">全国订购热线：400-899-8199(免长途费)</a>
                        <a href="">E-mail：kefu@hua.com</a>
                        <a href="">7x24小时在线订购</a>
                        <a href="">客服工作时间：8:30-21:00</a>
                    </div>
                    <button><span></span>在线客服</button>
                </li>
                <li class="lilast" style="width: 322px;">
                    <div>
                        <img src="../images/app_download_qrcode.png" alt="">
                        <p>扫码下载手机版</p>
                    </div>
                    <div>
                        <img src="../images/wxguanjia_qrcode.png" alt="">
                        <p>关注公众号有惊喜</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 底部 -->
    <footer>
        <div class="contains">
            <div class="fnav">
                <a href="">首页</a>
                <a href="">关于我们</a>
                <a href="">媒体报道</a>
                <a href="">联系方式</a>
                <a href="">企业团购</a>
                <a href="">花店入驻</a>
                <a href="">友情链接</a>
                <a href="">在线补款</a>
                <a href="">为什么选择花礼网</a>
            </div>
            <div class="fnew1">
                <a href="">中国花卉会员</a>
                <a href="">中国电子商务协会会员</a>
                <span>ICP经营许可证：</span>
                <a href="">粤B2-20050744</a>
                <a href="">粤ICP备09171662号</a>
                <i></i>
                <span>粤公网安备44030502000373号 Copyright © 2005-2020</span>
            </div>
            <div class="fnew2">
                <span>花礼网</span>
                <a href="">www.hua.com</a>
                <span>深圳市百易信息技术有限公司 中国领先的鲜花礼品网，品牌鲜花网服务，鲜花速递专家！</span>
            </div>
            <div class="fnew3">
                <span class="span1"></span>
                <span class="span2"></span>
                <span class="span3"></span>
                <i class="span4">
                    <img src="../images/govIcon.gif" alt="">
                </i>
            </div>
            <div class="fnew4">
                <span>友链</span>
                <a href="">中华取名网</a>
                <a href="">深圳房源网</a>
                <a href="">卷皮网</a>
                <a href="">腕表</a>
                <a href="">苗木</a>
                <a href="">佐卡伊珠宝网</a>
                <a href="">钻石婚戒定制</a>
                <a href="">青少年艺术教育网</a>
                <a href="">淘狗网</a>
                <a href="">礼无忧网</a>
                <a href="">宠物狗</a>
                <a href="">机友网</a>
                <a href="">新三板</a>
                <a href="">商标注册</a>
                <a href="">眼镜店</a>
            </div>
        </div>
    </footer>
    <script src="../js/huaindex.js"></script>
    <script src="../data/swiper-bundle.min.js"></script>
    <script>
        var swiper = new Swiper('.swiper-container', {
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: {
                delay: 5000,
                disableOnInteraction: false,
            },
            pagination: {
                el: '.swiper-pagination',
                clickable: true,
            },
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
            fadeEffect: {
                crossFade: true,
            },
        });
    </script>
</body>

</html>